<%-- 
    Document   : yuyue
    Created on : 2017-3-22, 11:44:27
    Author     : chang
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
    <head>
        <meta charset="utf-8" />
        <title>机动车检验预约信息登记</title>
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <link type="text/css" rel="stylesheet"  href="<c:url value="/css/layout.css"/>" />
        <link rel="stylesheet" href="<c:url value="/css/weui.css" />"/>
        <link rel="stylesheet" href="<c:url value="/css/jquery-weui.css" />"/>
        <link rel="stylesheet" href="<c:url value="/css/example.css" />"/>
        <script type="text/javascript" src="<c:url value="/js/jquery-2.1.4.js"/>"></script>
        <script type="text/javascript" src="<c:url value="/js/jquery-weui.js"/>"></script>
        <script type="text/javascript" src="<c:url value="/js/frame-weui.js"/>" ></script>
        <style>
            body {
                margin: 0 auto;
                background: #f9f9f9;
            }
        </style>
    </head>

    <body>
        <div id="container3">
            <div class="alipay_yy">
                <form action="<c:url value="/wx/_page/ok.do?service_code=S90004"></c:url>" method="post">
                    <div class="yuyue_list">
                        <label for="wdname">姓名</label>
                        <input type="text"  id="name" placeholder="请输入姓名" name="xm">
                    </div>
                    <div class="yuyue_list">
                        <label for="khname">手机号</label>
                        <input type="text" id="phone" placeholder="请输入手机号" name="sjh">
                    </div>
                    <div class="yuyue_list">
                        <label for="khname">车主身份证</label>
                        <input type="text" id="sfz" placeholder="请输入身份证号码" name="sfzh">
                    </div>
                    <div class="yuyue_list">
                        <label for="khname">车牌号</label>
                        <input type="text" id="cph" placeholder="请输入车牌号，如：豫A88888" name="cph">
                    </div>
<!--                    <div class="weui_cell">
                        <div class="weui_cell_hd"><label style="width: 100px" class="weui_label">车辆类型</label></div>
                           <div class="weui_cell_select">    
                                <div class="weui_cell_bd weui_cell_primary">
                                     <select class="weui_select" name="cllx" id="cllx">
                                     <c:forEach items="${cllx.value}" var="lx">
                                         <option value="${lx.cllx.value}">${lx.cllx_value.value}</option>
                                     </c:forEach>
                                    </select>
                                </div>
                        </div>
                    </div>-->
                    <div class="yuyue_list">
                        <label for="khname">车辆类型</label>
                           <div class="weui_cell_select" style="margin-left: 100px">    
                                <div class="weui_cell_bd weui_cell_primary">
                                     <select class="weui_select" name="cllx" id="cllx">
                                     <c:forEach items="${cllx.value}" var="lx">
                                         <option value="${lx.cllx.value}">${lx.cllx_value.value}</option>
                                     </c:forEach>
                                    </select>
                                </div>
                        
                            </div>
                        </div>
                    <div class="yuyue_list">
                        <label for="khname">预约时间</label>
                        <input type="datetime-local"  value="" id="yysj" placeholder="请输入预约时间" name="yysj">
                    </div>
                    <div class="yuyue_list">
                        <label for="khname">预约检测机构</label>
                        <input type="text"  id="jczmc" value="${jczm.value}" name="jczmc" readonly="readonly">
                        <input type="hidden"  id="jyjgbh" value="${jyjgbh.value}" name="jyjgbh">
                    </div>
                    <div class="alipay_yuyue">
                        <input type="button" class="alipay_yuyue_an" value="预约" onclick="tj()">
                    </div>
                </form>
            </div>
        </div>
    </body>
    <script>
        $(function(){
            $('input:lt(5)').val("");
        });
        function tj(){
            if($("#name").val()===""){
                $.toast("姓名不能为空!","forbidden");
                return;
            }
            if($("#phone").val()===""){
                $.toast("手机号不能为空!","forbidden");
                return;
            }
            if($("#sfz").val()===""){
                $.toast("身份证不能为空!","forbidden");
                return;
            }
            if($("#cph").val()===""){
                $.toast("车牌号不能为空!","forbidden");
                return;
            }
            if($("#cllx").val()===""){
                $.toast("请选择车辆类型!","forbidden");
                return;
            }
            if($("#yysj").val()===""){
                $.toast("预约时间不能为空!","forbidden");
                return;
            }
            $('form').submit();
        }
    </script>
</html>
